개발 일지 [MGS 3기] - 7. CSS 기초 오늘은 only 온라인 강의로만 진행했습니다! 온라인 강의를 열심히 수강하고 내용들을 간추려보았습니다. 이제부터 본격적으로 CSS를 다루게 될 것 같네요. 스타일을 적용할 웹 페이지의 head 태그에 link 태그를 사용하여 외부 스타일 시트를 포함해야만 스타일이 적용됩니다. @import 방식 main.css)에 다른 종속적인 css 파일을 포함하는 식입니다. 당연히 선택할 요소에는 사전에... 개발 일지메가바이트 스쿨MGSMGS [MGS 3기] - 8. CSS 심화 padding 속성은 내용(content)과 테두리(border) 사이의 간격인 패딩 영역의 크기를 설정합니다. background-image 속성은 해당 HTML 요소의 배경으로 나타날 배경 이미지(image)를 설정합니다. background-repeat 속성을 이용하면 이러한 배경 이미지를 수평이나 수직 방향으로만 반복되도록 설정할 수 있습니다. background-position 속성... 개발 일지메가바이트 스쿨MGSMGS [MGS 3기] - 6. HTML 기초 하지만 닫기 태그가 없을 경우 복잡한 디자인의 경우 브라우저가 잘못 표현 할 수 있고, 이에 따라 대부분의 개발자들은 항상 태그를 닫는 것을 기준으로 사용하고 있습니다. 또한 한 태그가 다른 태그를 감싸는 구조를 이룰 때에는, 닫는 태그까지 모두 감싸고 있어야 합니다. HTML 태그 중에는 스스로 닫는 태그들(Self-Closing Tag)도 존재합니다. 첫 번째 h1 태그 같은 경우에는, ... 개발 일지메가바이트 스쿨MGSMGS [MGS 3기] - 5. CS/HTML 기초 메모리의 개념은 아이러니하게도 컴퓨터 자체의 개념을 먼저 이해하면 더욱 쉽게 이해할 수 있습니다. 컴퓨터는 곧 메모리에 있는 data를 CPU를 통해 계산해주는 계산기라고 볼 수 있기 때문입니다. 그래서 우리가 특정 문자나 숫자를 칠 때에도, 16진법을 이용해 0과 1로 된 신호를 주고 받는 과정을 거치게 됩니다. 이는 곧 10진수를 저장할 수 있는 메모리를 미리 확보하고, a라는 글자로 주... 개발 일지메가바이트 스쿨MGSMGS moeum ) iOS 개발 일지 #1 일기 UICollectionView의 Cell의 높이 변경과 UICollectionView의 높이 변경을 했다. UIView의 애니메이션을 처음 해봤는데, 아직 많이 부족하다. UI 스크린샷 UICollectionView Cell Height 변경 collectionViewHeight가 변경되면 collectionView의 performBatchUpdates를 호출해서 변경된 크기를 다시 렌... iOS개발 일지moeumiOS moeum ) iOS 개발 일지 #3 일기 AutoLayout으로 삽질을 꽤 오래했는데, 사이트가 유용했다. UI 스크린샷 UICollectionViewCell - AutoLayout 문제는 UICollectionViewCell을 AutoLayout으로 생성하는데, init에서 AutoLayout을 잡으면, 아직 frame이 잡히지 않은 상태에서 anchor를 연결하고, 에러 메세지를 낸다. CalendarCollectionVi... moeumiOS개발 일지UICollectionViewCellUICollectionViewCell moeum ) iOS 개발 일지 #2 일기 어찌어찌 애니메이션을 추가했다. 이건 늦게 알게되었는데, 개발 일지 #1 에서 구현한 애니메이션은 내가 구현한 애니메이션이 아니었다. 그냥 ViewCell이 커지면서 자동으로 구현된 애니메이션이었다. UIView의 애니메이션은 상단에서 호출해야 한다. UI 스크린샷 UICollectionView animation collectionView가 아닌 contentView에서 layoutIf... iOS개발 일지moeumiOS boottstrap 이 modal 을 닫 은 후 modal 에 있 는 boottstrapValidator 의 검사 흔적 을 어떻게 비 웁 니까? boottstrapValidator 와 modal 을 결합 하여 사용 할 때 발생 하 는 modal 을 닫 은 후 다시 modal 을 엽 니 다. bootstrapValidator 소스 js 에서 인증 을 초기 화 할 때 이 요 소 를 만 든 후 숨겨 지고 표시 하 는 작업 만 할 수 있 습 니 다. reove 요소 가 다음 검사 에 영향 을 줄 수 있 기 때 문 입 니 다.) 며칠 동안 괴... 개발 일지 05) 개인 프로젝트) Auth인증 구현 Part 1 Request 경로 처리기에서 나중에 사용할 수 있도록 인증 된 사용자에 대한 정보를 첨부합니다. 인증이 되면 서버는 인증을 증명하기 위해 후속 요청에서 인증 헤더에 전달자 토큰으로 전송할 수 있는 를 발행합니다. 인증 구현을 위한 패키지 다운로드 사용자이름과 암호를 통해 인증을 구현하기 위해 [passport-local] 패키지를 설치해야합니다. Auth구현을 위한 Module과 Servi... JWTNestJSrestapiJavaScripttypescript개발 일지Auth ServerAuth Server
[MGS 3기] - 7. CSS 기초 오늘은 only 온라인 강의로만 진행했습니다! 온라인 강의를 열심히 수강하고 내용들을 간추려보았습니다. 이제부터 본격적으로 CSS를 다루게 될 것 같네요. 스타일을 적용할 웹 페이지의 head 태그에 link 태그를 사용하여 외부 스타일 시트를 포함해야만 스타일이 적용됩니다. @import 방식 main.css)에 다른 종속적인 css 파일을 포함하는 식입니다. 당연히 선택할 요소에는 사전에... 개발 일지메가바이트 스쿨MGSMGS [MGS 3기] - 8. CSS 심화 padding 속성은 내용(content)과 테두리(border) 사이의 간격인 패딩 영역의 크기를 설정합니다. background-image 속성은 해당 HTML 요소의 배경으로 나타날 배경 이미지(image)를 설정합니다. background-repeat 속성을 이용하면 이러한 배경 이미지를 수평이나 수직 방향으로만 반복되도록 설정할 수 있습니다. background-position 속성... 개발 일지메가바이트 스쿨MGSMGS [MGS 3기] - 6. HTML 기초 하지만 닫기 태그가 없을 경우 복잡한 디자인의 경우 브라우저가 잘못 표현 할 수 있고, 이에 따라 대부분의 개발자들은 항상 태그를 닫는 것을 기준으로 사용하고 있습니다. 또한 한 태그가 다른 태그를 감싸는 구조를 이룰 때에는, 닫는 태그까지 모두 감싸고 있어야 합니다. HTML 태그 중에는 스스로 닫는 태그들(Self-Closing Tag)도 존재합니다. 첫 번째 h1 태그 같은 경우에는, ... 개발 일지메가바이트 스쿨MGSMGS [MGS 3기] - 5. CS/HTML 기초 메모리의 개념은 아이러니하게도 컴퓨터 자체의 개념을 먼저 이해하면 더욱 쉽게 이해할 수 있습니다. 컴퓨터는 곧 메모리에 있는 data를 CPU를 통해 계산해주는 계산기라고 볼 수 있기 때문입니다. 그래서 우리가 특정 문자나 숫자를 칠 때에도, 16진법을 이용해 0과 1로 된 신호를 주고 받는 과정을 거치게 됩니다. 이는 곧 10진수를 저장할 수 있는 메모리를 미리 확보하고, a라는 글자로 주... 개발 일지메가바이트 스쿨MGSMGS moeum ) iOS 개발 일지 #1 일기 UICollectionView의 Cell의 높이 변경과 UICollectionView의 높이 변경을 했다. UIView의 애니메이션을 처음 해봤는데, 아직 많이 부족하다. UI 스크린샷 UICollectionView Cell Height 변경 collectionViewHeight가 변경되면 collectionView의 performBatchUpdates를 호출해서 변경된 크기를 다시 렌... iOS개발 일지moeumiOS moeum ) iOS 개발 일지 #3 일기 AutoLayout으로 삽질을 꽤 오래했는데, 사이트가 유용했다. UI 스크린샷 UICollectionViewCell - AutoLayout 문제는 UICollectionViewCell을 AutoLayout으로 생성하는데, init에서 AutoLayout을 잡으면, 아직 frame이 잡히지 않은 상태에서 anchor를 연결하고, 에러 메세지를 낸다. CalendarCollectionVi... moeumiOS개발 일지UICollectionViewCellUICollectionViewCell moeum ) iOS 개발 일지 #2 일기 어찌어찌 애니메이션을 추가했다. 이건 늦게 알게되었는데, 개발 일지 #1 에서 구현한 애니메이션은 내가 구현한 애니메이션이 아니었다. 그냥 ViewCell이 커지면서 자동으로 구현된 애니메이션이었다. UIView의 애니메이션은 상단에서 호출해야 한다. UI 스크린샷 UICollectionView animation collectionView가 아닌 contentView에서 layoutIf... iOS개발 일지moeumiOS boottstrap 이 modal 을 닫 은 후 modal 에 있 는 boottstrapValidator 의 검사 흔적 을 어떻게 비 웁 니까? boottstrapValidator 와 modal 을 결합 하여 사용 할 때 발생 하 는 modal 을 닫 은 후 다시 modal 을 엽 니 다. bootstrapValidator 소스 js 에서 인증 을 초기 화 할 때 이 요 소 를 만 든 후 숨겨 지고 표시 하 는 작업 만 할 수 있 습 니 다. reove 요소 가 다음 검사 에 영향 을 줄 수 있 기 때 문 입 니 다.) 며칠 동안 괴... 개발 일지 05) 개인 프로젝트) Auth인증 구현 Part 1 Request 경로 처리기에서 나중에 사용할 수 있도록 인증 된 사용자에 대한 정보를 첨부합니다. 인증이 되면 서버는 인증을 증명하기 위해 후속 요청에서 인증 헤더에 전달자 토큰으로 전송할 수 있는 를 발행합니다. 인증 구현을 위한 패키지 다운로드 사용자이름과 암호를 통해 인증을 구현하기 위해 [passport-local] 패키지를 설치해야합니다. Auth구현을 위한 Module과 Servi... JWTNestJSrestapiJavaScripttypescript개발 일지Auth ServerAuth Server